




// 核销界面
.cancelAfter{
	width: 100%;
	height: 100%;
	overflow: hidden;
	.ca-take{
		margin: 364upx auto 0;
		@include base01(600upx,80upx,#fff)
		box-shadow: 0upx 0upx 20upx 0upx rgba(255, 85, 125, 0.2);
		border-radius: 20upx;
		text-align: center;
		
		input{
			height: 34upx;
			color: $color3;
			@include box-column-center;
		}
		.p-input{
			font-size: 36upx;
			color: #ff557d;
		}
	}
	.ca-footer{
		margin-top: 76upx;
		display: flex;
		justify-content: space-between;
		.cancel{
			@include button(221upx,74upx,74upx,38upx,$bg02,#fff,$bg02,30upx);
		}
		.confirm{
			@include button(221upx,74upx,74upx,38upx,none,$bg02,#fff,30upx);
		}
	}
	
}

// 核对弹窗
	.check{
		width: 658upx;
		height: 408upx;
		background-color: #ffffff;
		border-radius: 10upx;
		margin: 0 auto;
	}
	.failed{
		text-align: center;
		overflow: hidden;
		.line1{
			margin-top: 70upx;
			font-size: 36upx;
			color: $bg02;
		}
		.line2{
			font-size: 36upx;
			color: $color3;
			line-height: 74upx;
			width: 400upx;
			margin: 0 auto;
		}
		.line3{
			margin-top: 100upx;
			font-size: 36upx;
			color: $color3;
		}
		.confirmButtom{
			margin-top: 90upx;
		}
		button{
			margin-top: 40upx;
			@include button(221upx,74upx,74upx,38upx,none,$bg02,#fff,30upx);
		}
	}
// 核销界面end

// 搜索中间层界面
.input2{
		background-color: $bg01!important;
	}
.box2{
	background-color: #fff !important;
}
.serach-input{
	width: 100%;
	height: 90upx;
	background-color: #fff;
	overflow: hidden;
	border-top: 2upx solid $colore;
	
	.input-box{
		margin-left: 32upx;
		margin-top: 16upx;
		width: 564upx;
		height: 58upx;
		background-color: #faf2f5;
		border-radius: 29upx;
		position: relative;
		
		
		button{
			position: absolute;
			top: 2upx;
			right: -120upx;
			@include button(90upx,50upx,50upx,25upx,none,$bg02,#fff,28upx);
			padding: 0;
		}
		.search{
			position: absolute;
			top: 14upx;
			left: 12upx;
			color: $bg02;
		}
		.error{
			position: absolute;
			top: 12upx;
			right: 12upx;
			color: #b5b5b5;
			z-index: 2;
		}
		input{
			width: 100%;
			height: 40upx;
			padding: 0 56upx;
			@include box-column-center;
			// background-color: #999;
			color: #333;
			font-size: 26upx;
		}
		.place-input{
			color: $color9;
		}
	}
}
.history{
	padding: 0 30upx;
	line-height: 70upx;
	display: flex;
	.text1{
		flex: 1;
		font-size: 28upx;
		color: $color6;
	}
	.iconfont{
		flex: 1;
		text-align: right;
		font-size: 46upx;
		color: $color9;
	}
}
.history-box{
	padding: 0 30upx;
	display: flex;
	flex-wrap: wrap;
	.box-item{
		width: auto;
		height: 64upx;
		line-height: 64upx;
		background-color: #ffffff;
		border-radius: 8upx;
		margin-right: 76upx;
		margin-bottom: 20upx;
		padding: 0 24upx;
		font-size: 26upx;
		color: $color9;
	}
}
// 搜索中间层界面end

// 搜索结果界面 start
.search-result{
	.left22{ //配送方式弹窗
		right: 60upx !important;
		top: 160upx !important;
		left: auto;
		z-index: 99;
	}
	.qsy{
		margin-top: 170upx;
		width: 100%;
		padding: 0 20upx;
		padding-top: 200upx;
		height: 500upx;
		// line-height: 500upx;
		text-align: center;
		font-size: 40upx;
		color: #999;
	}
	.sr-header{
		position: fixed;
		left: 0upx;
		top: 88upx;
		width: 100%;
		z-index: 2;
		/* #ifdef APP-PLUS */
		top: 0upx !important;
		/* #endif */
		.sr-sort{
			width: 100%;
			display: flex;
			padding: 0 20upx;
			line-height: 80upx;
			background-color: $bg01;
			.sort-item{
				flex: 1;
				font-size: 28upx;
				color: $color6;
				text-align: center;
				position: relative;
				.iconfont{
					font-size: 28upx;
				}
			}
			.last{
				flex: 1.5 !important;
				position: relative;
				.last-box{
					
				}
			}
			.item-active{
				color: $bg02;
				&:after{
					content: '';
					width: 30%;
					height: 4upx;
					background-color: $bg02;
					border-radius: 2upx;
					position: absolute;
					bottom: 16upx;
					left: 46%;
					transform: translateX(-50%);
				}
			}
		}
	}
}

// 搜索结果界面 end

// 地址选择start
.position{
	
	.ps-enter{
		display: flex;
		padding: 0 30upx;
		height: 90upx;
		line-height: 90upx;
		background-color: #fff;
		.et-left{
			flex: 1;
			font-size: 30upx;
			color: $color3;
			.iconfont{
				font-size: 20upx;
			}
		}
		.et-right{
			flex: 3;
			.rt-box{
				width: 550upx;
				height: 58upx;
				background-color: $bg01;
				border-radius: 29upx;
				padding-left: 64upx;
				@include box-column-center;
				position: relative;
				overflow: hidden;
				.iconfont{
					position: absolute;
					top: -13upx;
					left: 16upx;
					color: $bg02;
				}
				input{
					font-size: 28upx;
					color: $color3;
					margin-top: 12upx;
				}
			}
			.place-input{
				color: $color9;
			}
		}
	}
	.address-current{
		
		.ac-line1{
			font-size: 24upx;
			color: $color6;
			line-height: 60upx;
			padding: 0 30upx;
		}
		.ac-line2{
			height: 128upx;
			background-color: #fff;
			text-indent: 30upx;
			overflow: hidden;
			.one{
				font-size: 36upx;
				color: $color3;
				margin-top: 18upx;
			}
			.two{
				font-size: 28upx;
				color: $color9;
				font-weight: 100;
			}
		}
	}
}
// 地址选择end


// 用户通知 start
.it-time{
			width: 258upx;
			height: 30upx;
			background-color: #cccccc;
			border-radius: 15upx;
			margin: 60upx auto 0;
			font-size: 20upx;
			color: #fff;
			text-align: center;
		}
.user-inform{
	.ui-item{
		.it-content{
			width: 560upx;
			// height: 180upx;
			background-color: #ffffff;
			border-radius: 10upx;
			margin: 30upx auto 0;
			padding: 40upx 30upx;
			display: flex;
			align-items: center;
			justify-content: space-around;
			.content-img{
				width: 174upx;
				height: 174upx;
				border-radius: 10upx;
			}
			.right{
				width: 300upx;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				.ct-title{
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 30upx;
					color: $color3;
					line-height: 60upx;
				}
				.ct-content{
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 24upx;
					color: $color9;
				}
			}
		}
	}
	
}

// 用户通知end

// 消息详情界面 start
.news-deatail{
	padding-bottom: 110upx;
	.news-item{
		overflow: hidden;
		padding: 0 30upx;
		margin-top: 40upx;
		.user-img{
			float: left;
			width: 70upx;
			image{
				width: 58upx;
				height: 58upx;
				border-radius: 50%;
			}
		}
		.user-img-right{
			float: right;
			}
		.news-text{
			float: left;
			width: 530upx;
			font-size: 24upx;
		}
		.text-right{
			// width: 520upx;
			// height: 114upx;
			background-color: #ffffff;
			border-radius: 10upx;
			padding: 10upx 20upx;
			color: $color3;
			>text{
				line-height: 50upx;
			}
			.revert{
				background-color: $bg01;
				margin-left: 56upx;
				padding: 10upx;
				border-radius: 10upx;
				width: auto;
				text{
					&:first-child{
						color: $color3;
						
					}
					&:last-child{
						color: $color6;
					}
				}
			}
		}
		.news-text-right{
			float: right;
			text-align: right;
			background-color: #ff557d;
			border-radius: 10px;
			padding: 20upx 34upx;
			color: #fff;
			width: auto;
			margin-right: 20upx;
		}
		
	}
}
// 弹出输入框
// 获取到焦点时候的样式
.gd-focus{
	// position: absolute !important;
	// top: 50% !important;
	// left: 0upx ;
}

.gd-input-box{
	width: 100%;
	height: 110upx;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: flex;
	align-items: center;
	padding: 0 20upx;
	border-top: 2upx solid #EEEEEE;
	.input-box{
		flex: 7;
		width: 513upx;
		height: 73upx;
		border-radius: 10upx;
		border: solid 2upx #d9527f;
		
		input{
			font-size: 24upx;
			color: #666;
			height: 40upx;
			line-height: 40upx;
			margin-top: 12upx;
			padding: 0 20upx;
		}
	}
	
	.send{
		margin-left: 30upx;
		flex: 3;
		width: 120upx;
		min-width: 120upx;
		max-width: 120upx;
		height: 60upx;
		line-height: 60upx;
		background-color: #d9527f;
		border-radius: 30upx;
		color: #fff;
		font-size: 24upx;
	}
}
// 消息详情界面 end